<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!-- emmet语法 已经帮我们封装了 viewport的快捷写法 -->
	<!-- 
		viewport 视口属性 该属性 只在移动端浏览器上 才有用
		name ='viewport' 告诉浏览器 我这个 meta标签 设置的是 viewport属性
		content设置的是 viewport属性 的值
			属性的赋值  属性名=属性值,属性名2=属性值2
		属性名 不是乱写的 有固定的取值
			width:宽度  device-width(设备的宽度)
				宽度 不需要给单位
				如果 设备的屏幕大小 比设置的视口大小 要大 是能够正常显示的
				给死会有问题
				所以 移动设备开发 一般给的是device-width 
			height:高度一般我们不设置 让内容 撑大
			initial-scale:视口默认的缩放比例 一般默认设置的是1.0
			user-scalable:设置是否支持缩放 一般设置的是 no false也可以
			在这里 可删,可保留 无所谓
			maximum-scale:最大的所放值  1.0 
			minimum-scale:最小的所放值 1.0
	 -->
	 <!-- meta:vp+tab -->
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0">
	<title>Document</title>
	<style type="text/css">
		body{
			font-size: 20px;
			background-color: yellowgreen;
		}
	</style>
</head>
<body>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique beatae, tenetur sint voluptate dolorum repellat natus eos blanditiis sed officiis dolor ad adipisci? Veniam id aspernatur, porro, alias sapiente fuga quae natus dignissimos perspiciatis distinctio ea voluptatibus nihil quaerat repellendus vel unde esse explicabo iure. Accusantium quasi sint animi deleniti illo. Quidem impedit, possimus molestias voluptatum dolor commodi eaque repellendus vero pariatur nihil magnam omnis, nemo, quo quas. Ad quaerat, reiciendis a vel ea quam, sint laudantium similique sed, totam sapiente necessitatibus, adipisci omnis itaque maiores ipsum praesentium sit soluta! Sed dolorum explicabo qui voluptates praesentium id, voluptatibus ipsa! Ipsam ut accusantium, ex fugit quae recusandae dolor temporibus et culpa illo, eos optio provident reiciendis ducimus, explicabo sint odio possimus quisquam porro quas. Maiores consectetur, quisquam iusto qui modi ea sit harum ut unde obcaecati nostrum voluptatibus, odio molestiae alias laboriosam vel reprehenderit ducimus fugiat est doloremque iste voluptates eaque. Fugiat earum ab doloremque velit aperiam repellendus deserunt ex dolorum ut aliquam, vero, praesentium. Voluptas unde, placeat nulla debitis ut incidunt iste, repellat architecto molestiae aut accusantium at fugit veritatis reprehenderit exercitationem, quas. Delectus, blanditiis nemo! Eligendi rem iure, sed minus itaque optio est, eos dicta consectetur quo, aperiam commodi dolores quos hic quasi voluptas! Nemo ipsa animi fugit quam officia. Quasi dolore aperiam ad atque eos magni doloremque molestiae officia cumque labore accusamus natus quidem, impedit dicta. Explicabo, fuga magni ad doloribus iure eum perspiciatis, tenetur, inventore qui odio voluptate fugit minus vitae deleniti modi. Similique nisi itaque suscipit quisquam eaque atque. Possimus deleniti dicta ducimus ex necessitatibus magni facere non quidem sint doloribus accusamus vero architecto dolore quasi, iste odio dolorum sapiente voluptates deserunt eligendi porro quos odit? Velit quas voluptatum assumenda, repellendus error commodi accusantium tenetur neque quasi, voluptas quaerat dolore soluta ab at culpa excepturi rerum. Libero velit consequuntur placeat modi alias, adipisci ducimus hic minus quod impedit expedita quia incidunt, amet sit! Cupiditate at tempora vero exercitationem minus maxime. Repellat, officia velit sapiente consequuntur ipsa laboriosam quis quos! Soluta dolore quidem, dolores, voluptas explicabo, itaque inventore veritatis laboriosam tempore sint animi eos nobis deleniti optio rem tempora doloribus quia porro molestiae. Vel voluptates, rerum aut perferendis laudantium iste excepturi illo, ipsum quasi veritatis autem reprehenderit dolor neque commodi, incidunt magnam. Vero sequi aliquid quaerat voluptas repudiandae culpa sapiente deserunt sit vel omnis veniam, delectus, itaque dolor maxime animi deleniti odio iste nisi voluptatibus illum suscipit corporis. In mollitia ratione enim ab eveniet veritatis eum consequuntur harum ullam quis aliquam, atque quidem accusamus accusantium blanditiis non aperiam deleniti ea quam amet id ducimus molestias est expedita. Aperiam velit iure voluptatum quam, odit, consequatur dignissimos a quos soluta quo molestiae nobis dolorum voluptatem adipisci sunt iste, culpa! Modi mollitia veniam, nisi optio, veritatis molestiae animi ullam fugit nobis atque voluptate dolorem ducimus eveniet. Quae maxime officia vel sapiente odit illo facilis corporis tenetur, incidunt nobis ipsum inventore possimus quam recusandae iste voluptatum consectetur saepe modi. Tempore commodi, numquam? Sint fuga totam molestiae placeat, quisquam, nesciunt illo nisi error quasi debitis accusamus blanditiis dolor soluta facilis aut vitae repudiandae. Eos illo, facere consequatur voluptatem architecto aperiam incidunt atque repellendus a perferendis qui enim, inventore error molestias harum assumenda, dolor, deleniti dolores asperiores natus distinctio officia doloremque? Quia officiis, nam nemo, quam est laboriosam atque tenetur neque ipsa deserunt hic error nisi sapiente, deleniti nihil accusantium! Totam voluptates dolorum assumenda, culpa sint quas sequi reprehenderit cupiditate optio esse fugit, officia quisquam. Et accusamus natus quibusdam ipsa dolore, officiis quo similique praesentium explicabo velit ex nihil suscipit temporibus esse error voluptatum vitae doloribus exercitationem vel veniam, facere. Aspernatur, deserunt quasi corporis rerum delectus aliquid animi, eaque? Nihil maiores aperiam debitis et eaque cupiditate ad perferendis nisi. Numquam accusantium eaque magni doloribus culpa ea labore praesentium molestias, deserunt suscipit, quas! Doloremque, blanditiis neque ratione ad fuga. Debitis magni, inventore. Laboriosam quas beatae voluptates tempora aut eaque fuga quos ea at? Nostrum debitis aspernatur quasi assumenda perspiciatis saepe corrupti quidem consequuntur deleniti et impedit quaerat, dolores similique labore sequi possimus veniam consectetur voluptate quas consequatur sunt fugit cupiditate. Consequatur assumenda, blanditiis atque hic porro dolores sequi quidem est dolorum quos. Beatae deserunt ipsam vero vitae itaque iure quos soluta blanditiis, ut sequi illum provident placeat eveniet id culpa velit labore qui, autem corrupti error consequatur! Porro incidunt vel natus recusandae beatae reprehenderit, quidem soluta corporis consequuntur. Officia, repellat aut odio corrupti doloribus laudantium dignissimos vitae sint architecto suscipit repellendus velit tenetur assumenda ducimus eos laboriosam placeat reiciendis nobis optio dolores quos saepe blanditiis. Labore, aliquid hic eaque natus veritatis temporibus distinctio laboriosam ipsa, veniam neque similique, nemo non, explicabo quo? At, ratione cumque aliquid aspernatur debitis velit, quasi assumenda quo earum, dolor temporibus praesentium delectus ea fuga officia consequuntur harum voluptas sunt rerum cum ex porro asperiores doloribus esse! Qui obcaecati labore, ea atque odit incidunt asperiores quam, eveniet consequuntur. Dolorem architecto fuga eos quos repudiandae numquam, ipsum nulla iste odio! Cupiditate fugiat maxime id architecto alias sit. Saepe, asperiores quo voluptatem? Sint eum, quo velit ipsum harum laudantium, placeat officia ducimus obcaecati amet eveniet nemo sed atque sapiente, eius mollitia omnis quibusdam quia? Blanditiis delectus debitis beatae necessitatibus eveniet! Quia deleniti voluptatem, ullam, eaque quo incidunt provident nam, ipsum, ad nisi vel explicabo culpa. Iusto adipisci, quos nisi perspiciatis dolorum eaque quidem at placeat pariatur quo natus enim quisquam ratione asperiores saepe quam consequuntur iure minus minima non ullam laudantium fuga est? Laudantium unde culpa magni, repellendus, ducimus quis, deserunt, ea cumque quas accusamus quam aperiam? Ipsa esse necessitatibus quaerat doloremque minima obcaecati vitae distinctio neque, voluptas quos vel, porro dolore nihil labore eaque possimus tempore repellat aut dignissimos similique incidunt fugit explicabo rem optio. Odit incidunt provident quasi facere reprehenderit nulla numquam perspiciatis, laborum magnam culpa vel id dolore totam deleniti voluptate amet. Officiis dolorum accusamus porro cum laborum dolor quia rem, tenetur corrupti optio laboriosam architecto consequatur alias expedita. Obcaecati sint fugiat dolores necessitatibus veniam, corrupti nostrum veritatis laboriosam nam quibusdam incidunt, odit cumque aspernatur? Quae dolorum beatae, dolor!
</body>
</html>